import React from 'react'
import {  SearchBar } from 'antd-mobile'
import { CalendarOutline ,TagOutline} from 'antd-mobile-icons'
import "./style.scss"
import { useNavigate } from 'react-router'
function Index() {
    const navigate=useNavigate()
    const toJoin=()=>{
        navigate('/join')
    }
    const tapDay=()=>{
        navigate('/tapday')
    }
    const toSearch=()=>{
        navigate('/search')
    }
    return (
        <div className='head'>
            <SearchBar placeholder='请输入内容' onFocus={()=>toSearch()} />
            <span>
                <TagOutline fontSize={25} onClick={()=>toJoin()} />
            <CalendarOutline fontSize={25} onClick={()=>tapDay()}/>
            <b>签到</b>
            </span>
        </div>
    )
}

export default Index
